<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="shop.css">
    <title>商城系统</title>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🏪 虚空商城</h1>
            <div class="user-info">
                <div class="money">💰 金币: <%= money %></div>
                <div class="points">🎯 积分: <%= points %></div>
            </div>
        </div>
        
        <div class="shop-section">
            <h2>📦 商品列表</h2>
            <div class="items-grid">
                <% for(var i = 0; i < items.length; i++) { %>
                <div class="item-card <%= items[i].rarity %>">
                    <div class="item-icon"><%= items[i].icon %></div>
                    <div class="item-name"><%= items[i].name %></div>
                    <div class="item-description"><%= items[i].description %></div>
                    <div class="item-price">💰 <%= items[i].price %></div>
                    <div class="item-stock">库存: <%= items[i].stock %></div>
                </div>
                <% } %>
            </div>
        </div>
        
        <div class="inventory-section">
            <h2>🎒 我的背包</h2>
            <div class="inventory-grid">
                <% for(var i = 0; i < inventory.length; i++) { %>
                <div class="inventory-item">
                    <div class="item-icon"><%= inventory[i].icon %></div>
                    <div class="item-name"><%= inventory[i].name %></div>
                    <div class="item-count">×<%= inventory[i].count %></div>
                </div>
                <% } %>
            </div>
        </div>
        
        <div class="signin-section">
            <h2>📅 每日签到</h2>
            <div class="signin-calendar">
                <% for(var i = 0; i < signinDays.length; i++) { %>
                <div class="signin-day <%= signinDays[i].status %>">
                    <div class="day-number"><%= signinDays[i].day %></div>
                    <div class="day-reward"><%= signinDays[i].reward %></div>
                </div>
                <% } %>
            </div>
            <div class="signin-info">
                <div class="consecutive-days">连续签到: <%= consecutiveDays %> 天</div>
                <div class="next-reward">明日奖励: <%= nextReward %></div>
            </div>
        </div>
        
        <div class="footer">
            <p>Create By trss-akasha-terminal-plugin</p>
        </div>
    </div>
</body>
</html>